*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body{font-family:'Microsoft Yahei',Arial, sans-serif;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-family:'Microsoft Yahei',Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;}
.bodyw,.body_st{}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#e6212a;}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{padding: 0 10%;}


.indexbg{width: 100%;height: 100vh;overflow: hidden; background: url(../img/indexbg.jpg) center center no-repeat; background-size: cover;}
.gy{ display: flex; padding-top:0px; justify-items: center; align-items: center; height: 100vh;}
.indexbg .logo2{text-align: center; overflow: hidden; }
.indexbg .logo2 img{display: block; margin: 0 auto;}
.bq_an{ margin:10% 0; overflow: hidden;}
.bq_an ul li{float:left;width:602px;height:360px;background: rgba(0,0,0,0.5);margin:0 85px;position: relative;-webkit-transition:0.5s;transition:0.5s;}
.bq_an ul li:nth-child(2n){margin-right:0;}
.bq_an ul li:after{content:".";position: absolute;left: -10px;top: -10px;right: 10px;bottom: 10px;background: rgba(0,0,0,0.5);-webkit-transition:0.5s;transition:0.5s;}
.bq_an ul li .bq_an_nr{position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;width: 100%; text-align: center;}
.bq_an ul li .bq_an_nr .h1{}
.bq_an ul li .bq_an_nr .h1 img{display: block;height: 158px;margin: auto;}
.bq_an ul li .bq_an_nr .h2{font-size: 24px;line-height: 24px;color: #fff;padding-top: 20px;}
.bq_an ul li .bq_an_nr .h3{font-size: 24px;line-height: 24px;color: #fff;padding-top: 15px;}
.bq_an ul li:hover {background: rgba(230,33,42,0.5);}
.bq_an ul li:hover:after{background: rgba(230,33,42,0.5);}




.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 99;-webkit-transition: 0.5s;transition: 0.5s;height: 100px; background: #fff;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:100px;padding: 20px 0;-webkit-transition:0.5s;transition:0.5s;display: none;}
.top_h .logo img.bs{display: block;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 100px;font-size: 18px;position: relative;color: #333;padding: 0 0.25rem;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li:hover p a{color: #e6212a;}
.dh ul li.on p a{color: #e6212a;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 100px;padding-top: 5px;display: none;min-width: 160px;}
.dh ul li .dh_fl ul{background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{float: none;position: relative;}
.dh ul li .dh_fl ul li a{padding: 0 20px;font-size: 14px;line-height: 44px;color: #666;white-space: nowrap;display: flex;justify-content: space-between;align-items: center; }
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 12px;}
.dh ul li .dh_fl ul li a:hover{color:#fff; background: #e6212a;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}


.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:100px;font-size: 22px;line-height: 100px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 16px;line-height: 100px;color: #333;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 47px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 100px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy_xl a:hover{color: #e6212a;}

.top_bg.on{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li:hover p a{color: #e6212a;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_yy span{color: #333;}
.top_bg.on .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on2{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #333;}
.top_bg.on2 .dh ul li:hover p a{color: #e6212a;}
.top_bg.on2 .top_ss span.button{color: #333;}
.top_bg.on2 .top_yy span{color: #333;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #333;}

/* .top_bg.on3{top:-100px;} */

.sp_header,.sjj_nav{ display:none;}

.banner{width:100%;overflow:hidden;position:relative;}
.banner ul{}
.banner ul li{overflow:hidden;position:relative;}
.banner ul li .img{overflow: hidden;}
.banner ul li .img img{display:block; width:100%;-o-object-fit: cover;object-fit: cover;}
.banner ul li .img video{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left: 6%;bottom: 0;right: 6%;top: 0;display: flex;align-items: center;justify-content: flex-end;justify-content: flex-start;}
.banner ul li .txt .txt2{width: 100%;}
.banner ul li .txt .ml1{font-size: 46px;line-height: 60px;color: #fff;}
.banner ul li .txt .ml2{font-size: 46px;line-height: 60px;color: #fff;font-weight: bold;margin-top: 20px;}
.banner ul li .txt .ml3{font-size: 16px;line-height: 48px;color: #fff;margin-top: 50px;border: 1px solid #fff;border-radius: 25px;display: flex;align-items: center;justify-content: center;width: 180px;-webkit-transition:0.5s;transition:0.5s;}
.banner ul li .txt .ml3 i{padding-left: 20px;}
.banner ul li .txt .ml3:hover{color: #fff;border: 1px solid #e6212a;background: #e6212a;}
.banner ul li.swiper-slide-active .txt .ml1{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.75s;animation-delay: 0.75s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banqh{position:absolute; left:0; bottom:25px;right: 0;display: flex;align-items: center;justify-content: center;z-index: 1;}
.bandd{display: flex;align-items: center;justify-content: center;padding: 0 20px;width: auto!important;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{font-size: 24px;cursor: pointer;line-height: 30px;color: #fff;}


img.lazy{display:inline-block;opacity:0}
img.lazy,img.tst{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.lazy-load{width:24px;height:24px;display:inline-block;padding:0px;border-radius:100%;border:2px solid;border-top-color:var(--fontcolor);border-bottom-color:rgba(0,0,0,.1);border-left-color:var(--fontcolor);border-right-color:rgba(0,0,0,.1);position:absolute;left:50%;top:50%;animation:loading-animation 1s ease-in-out infinite;transform:translate(-50%,-50%);opacity:0.5}
@keyframes loading-animation{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.lazy-wrap{display:block;position:relative;overflow:hidden}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}

/*首页关于*/
.home-about{padding:3% 0;position:relative}
.home-about .pd06{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-about .about-img{width:45%;position:relative;padding-top:20px;padding-left:20px}
.home-about .about-img::before{content:"";position:absolute;left:0px;top:0px;border:2px solid #e6212a;height:calc(100% - 30px);width:60px;z-index:-1;border-radius:5px}
.home-about .about-img .bgimg{z-index:1;border-radius:5px;width:100%;height:auto}
.home-about .about-img .about-icon{width:180px;height:180px;padding:4%;background:#222;display:flex;flex-direction:column;justify-content:center;color:#FFFFFF;position:absolute;left:0px;bottom:25px;z-index:1;font-size:18px}
.home-about .about-img .about-icon em,.home-about .about-img .about-icon span{color:#e6212a;font-size:32px;margin-right:5px}
.home-about .about-info{flex:1;padding-left:4%}
.home-about .bt{font-size:36px;color:#000}
.home-about .about-text{margin:20px 0px 50px;color:#333333;line-height:1.7}
.home-about .about-text p{font-size: 16px; line-height: 30px;}
.home-more{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:50px;background:#FFFFFF;border:1px solid #e6212a;position:relative;text-transform:lowercase;z-index:1;overflow:hidden;border-radius:5px}
.home-more::before{content:"";position:absolute;left:0px;top:0px;height:100%;width:0px;transition:all .15s linear;background:#e6212a;z-index:-1}
.home-more:hover{color:#FFFFFF}
.home-more:hover::before{width:100%}

.inda_title{text-align: center;position: relative; }
.inda_title em{ text-transform: uppercase; font-style: normal;background: linear-gradient(#dbdada, transparent);color: transparent;-webkit-background-clip: text;font-size: 64px;line-height: 0.8em;position: absolute;top: 0;left: 0;width: 100%;text-align: center; font-weight: 600;}
.inda_title .inabt{font-size:48px;color: #e6212a;font-weight: bold;padding: 12px 0 20px 0;position: relative;z-index: 9;}
.inda_title .inabt span{color: #e6212a;}

.inprobox{padding: 3% 0; overflow: hidden; background: #f5f5f5;}
.inprobox ul{ margin-top:4%; overflow: hidden; margin-right: -2%; margin-bottom: -2%; }
.inprobox li{width: 48%; margin-right: 2%; margin-bottom: 2%; padding: 2%; box-sizing: border-box; background: #fff; float: left;}
.inprobox li .ppbox{overflow: hidden; display: flex; justify-content: space-between;}
.inprobox li .ppbox .pleftwz{ width:58%;}
.inprobox li .ppbox .pleftwz .pbt{line-height: normal;font-size: 22px;font-weight: bold;color: #000; white-space: nowrap;      /* 禁止换行 */
    overflow: hidden;        /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 显示省略符号 */
    max-width: 100%;         /* 根据父容器宽度限制 */
    display: inline-block;}
.inprobox li .ppbox .pleftwz .pwz{font-size: 14px;line-height: 24px;-webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; margin:5% 0 8%;}
.inprobox li .ppbox .pleftwz .pbutter{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:120px;padding:10px;border-radius:0px;border:none;background:linear-gradient(-65deg,#d7342f 35%,#e6212a 35%);margin-top:auto; color: #fff;}
.inprobox li .ppbox .primg{ width: 40%;}
.inprobox li .ppbox .primg img{width: 100%; display: block; transition: all .5s;}
.inprobox li:hover .ppbox .primg img{transform: scale(1.1);}






/*我们的技术*/
.xbanner{background: url(../img/ixbannerbg1.jpg) center center no-repeat;width:100%;height:200px;}
.xbanner1{background: url(../img/ixbannerbg2.jpg) center center no-repeat;}
.xbanner .slip_tit{width:65%;}
.xbanner .slip_tit .tit1{padding-top: 5%;font:bold 32px "microsoft yahei";color: #fff;}
.xbanner .slip_tit .tit2{margin-top:14px;font-size:24px;color:#fff;}
.xbanner .slip_btn{width: 30%;text-align:center;}
.xbanner .slip_btn span{display:block;font-size: 15px;color: #fff;line-height: 18px;padding-top: 40px;padding-bottom: 5px;}
.xbanner .slip_btn span i{width:16px;height:16px;background-position:-0px -141px;margin-right: 7px;vertical-align: bottom;}
.xbanner .slip_btn p{font-weight:bold;font-size: 34px;color:#fff;font-family:"Arial";line-height:36px;}
.xbanner .slip_btn a{display:block;height:46px;background-position: 0px -217px;margin-top:16px;font-size:18px;color:#fff;line-height:46px;position:relative;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.xbanner .slip_btn a:hover{background-position: 0px -271px;}
.xbanner .slip_btn a img{width: 300px;height:0;transition: all .36s ease;position:absolute;left:0;top:46px;}
.xbanner .slip_btn a:hover img{height: 300px;} 
.icos{background: url(../img/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.icons{background: url(../img/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

.home-videos{padding: 4% 0; overflow: hidden;}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e6212a}
#videoswiper .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden}
#videoswiper .swiper-slide:hover{background:#e6212a;color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;aspect-ratio:3/2; height: 306px;}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide .p1{margin:20px 20px 0;font-size:18px;font-weight:600;line-height:1.4; text-align: center;}
#videoswiper .swiper-slide .p2{margin:20px;font-size:15px;line-height:24px;overflow:hidden;
  -webkit-line-clamp:3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;}
#videoswiper .swiper-slide:hover .p1{color:#fff;}
#videoswiper .swiper-slide:hover .p2{color:#fff;}



footer{clear:both;margin:0px auto;padding:0px;background-color:#eaebec}
footer ul{list-style:none;padding:0px}
footer .foot-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:50px 0px;border-bottom:1px solid #FFFFFF65}
footer .foot-main .foot-item{width:16%}
footer .foot-title{font-size:22px;font-weight:500;margin-bottom:20px;text-transform:capitalize;color:#000000}
footer .foot-item.foot-info{width:30%;box-sizing:border-box;padding-right:3%}
footer .foot-touch .foot-inner{display:flex;margin-bottom:10px;align-items:flex-start;color:#4f4f4f}
footer .foot-touch .foot-inner .icon{width:20px;display:inline-flex;align-items:center;justify-content:center}
footer .foot-touch .foot-inner .icon em{width: 20px;}
footer .foot-touch .foot-inner .icon em img{width: 100%;}
footer .foot-touch .foot-inner .content{flex:1;padding-left:10px}
footer .foot-touch .foot-inner .content a{transition:all .1s linear}
footer .foot-touch .foot-inner .content:hover a{color:var(--color)}
footer .foot-touch .foot-inner .content span{margin-right:4px}
footer .foot-share{margin-top:20px}
footer .foot-share ul{display:flex;flex-wrap:wrap}
footer .foot-share ul a{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#FFFFFF;background-color:#4f4f4f;transition:all .1s linear}
footer .foot-share ul a img{width:60%; display: block}
footer .foot-share ul a:hover{background-color:#ea5619}
footer .foot-list{display:flex;flex-wrap:wrap}
footer .foot-list li{width:100%}
footer .foot-list li a{display:inline-block;padding:4px 0px;text-transform:capitalize;color:#4f4f4f}
footer .foot-list li a:hover{color:var(--color)}
footer .logo{display:block;margin-bottom:16px}
footer .logo img {width:auto;max-height:60px}
footer .foot-main .foot-item:nth-child(3){width:26%;}
footer .foot-categories .foot-list li{width:100%}
footer .foot-item.foot-code{width:12%}
footer .foot-code img{width:auto;height:140px}
footer .copyright{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;padding:12px;color:#000000;font-size:var(--fontsize14)}
footer .copyright a{margin-left:10px}
footer .copyright a:hover{color:var(--color)}
footer .gotop{display:flex;justify-content:center;align-items:center;font-weight:var(--fontbold6);cursor:pointer;transform:rotate(180deg);opacity:0}
footer .gotop em{font-weight:var(--fontbold3);font-size:var(--fontsize20)!important;color:#FFFFFF;background:var(--color);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}
  



.banner_ny{overflow: hidden; margin-top: 100px;}
.banner_ny img{width: 100%; height: auto; display: block;}

.menuBox{background:#f7f7f7;height:auto;line-height:60px;font-size:16px; overflow: hidden; color: #333;}
.menuBox img{display: inline-block; vertical-align: middle; margin-right: 5px; }
.menuBox a{color: #444;}
.menuBox p{font-size: 15px; color: #444;}
.listMenu{font-size: 16px;}
.listMenu a{display:inline-block;position:relative;color:#555;margin-left:30px; }
.listMenu a:hover,.listMenu .cur{color:#e6212a;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#e6212a;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#e6212a;border:1px solid #e6212a;color:#fff;}

@media all and (max-width:1024px) { 
    .menuBox {padding:0;height:auto;line-height:45px;text-align:center;} 
    .menuBox p{display: block;}
    .listMenu{width:100%; display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
    .listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
    .listMenu .cur{background:#e6212a;color:#fff;}
}


.l-a {width: 100%;padding: 3% 0; overflow: hidden;}
.aboutny{font-size:16px;color: #3c3d3a;line-height:32px; overflow: hidden;}
.aboutny .abt{font-size:30px; color: #3c3d3a; margin-bottom:1%; font-weight: 600;}
.aboutny span{font-weight: 600; color: #e6212a;}
.aboutny img{max-width: 100%; margin:auto; clear: both; display: block;}
.rdpic{width: 45%; margin-left:3%; float: right; overflow: hidden; }
.rdpic img{width: 100%; display: block; clear: both; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto}
.rdpic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.ny_wh_bg{padding:5% 0;background:#f5f5f5;background-size: cover;}
.ny_wh_bg .lb{margin-top: 4%;}
.ny_wh_bg .lb ul li{display: flex;justify-content: space-between;}
.ny_wh_bg .lb ul li:nth-child(2n){flex-direction: row-reverse;}
.ny_wh_bg .lb ul li .img{overflow: hidden;}
.ny_wh_bg .lb ul li .img img{display: block;width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_wh_bg .lb ul li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_wh_bg .lb ul li .txt{width: 65%;display: flex;align-items: center;padding:3%;background: #fff; box-sizing: border-box;}
.ny_wh_bg .lb ul li .txt .ml1{font-size: 36px;line-height: 46px;color: #333;font-weight: 100;}
.ny_wh_bg .lb ul li .txt .ml2{font-size:15px;line-height:30px;color: #333;}



.honor{height:auto;overflow:hidden;}
.honor ul{list-style:none;overflow:hidden;margin-right:-2%;}
.honor li{width:23%;height:auto;overflow:hidden;margin-right:2%;float:left;margin-bottom:2%}
.honor li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; display: block; margin: auto;}
.honor li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.honor li .hpic img{width:100%!important;overflow:hidden; display: block;}
.honor li div:hover{border:1px solid #e6212a}
.honor li a:hover{transform:scale(1.1,1.1);overflow:hidden}
.honor li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}


.grey{background: #f7f7f7;}

.workshop{height:auto;overflow:hidden;}
.workshop ul{list-style:none;overflow:hidden;margin-right:-2%}
.workshop li{width:23%;height:auto;overflow:hidden;margin-right:2%;float:left;margin-bottom:2%}
.workshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; display: block; margin: auto;}
.workshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.workshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.workshop li div:hover{border:1px solid #e6212a}
.workshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.workshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}



.product-left{width:22%;float:left;}
.pro-left{ width: 20.3%; margin-right: 2.3%; overflow: hidden;}
.pro-left .kk{background: #f9f9f9; border: 1px solid #e5e5e5;}
.pro-left .tops{ text-align: center; background: #e6212a;; height: auto; line-height:70px;}
.pro-left .tops i{font-size: 30px;color: #fff;text-transform: uppercase; font-style: normal;}
.pro-left .sideMenu h6 a{ display: block; height: auto; line-height: 64px; padding: 0 40px 0 35px; font-size: 20px; color: #fff; box-sizing: border-box;}
.pro-left .sideMenu ul li a{ position: relative; display: block; height: auto; line-height:55px; background: #f9f9f9; font-size:16px; color: #333; padding-left: 5%; border-bottom: 1px solid #eee; box-sizing: border-box; font-weight: 600;}
.pro-left .sideMenu ul li a:hover{ color: #e6212a;}
.pro-left .sideMenu ul li a.hover{ color: #e6212a; font-weight: 600;}
.pro-left .sideMenu ul li a.hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a.hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a:before{ content: ""; left: 0; top: 50%; width: 2px; height: 1px; position: absolute; background: #e6212a;; visibility: hidden;}
.pro-left .sideMenu ul li a:hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a:after{ content: ""; left: 0; bottom: 50%; height: 1px; width: 2px; position: absolute; background: #e6212a;; visibility: hidden;}
.pro-left .sideMenu ul li a:hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul dl{ padding: 4% 0 0 7%;}
.pro-left .sideMenu ul dl:last-child{ padding-bottom:4%; margin-bottom: 0; border-bottom: 1px solid #e5e5e5;}
.pro-left .sideMenu ul dl a{ font-size: 14px; color: #333;}
.pro-left .sideMenu ul dl a:hover{ color: #e6212a;;}
.pro-left .phone{ padding: 30px 0 35px; height: 120px;}
.pro-left .sideMenu ul ol{display: none;}
.pro-left .phone>div{ display: inline-block; vertical-align: top;}
.pro-left .icon{ margin: 10px 15px 0 20px;}
.pro-left .phone .text p{color: #555;font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.pro-left .phone .text b{ display: block; color: #333;font-size: 24px; line-height: 24px; font-weight: bold; font-family: arial;}

/*product-main phoneus*/

.phoneus{ border: 1px solid rgb(220, 220, 220);margin-top: 20px;}
.phoneus .lxcbt{ text-align: center; color: #fff; font-size: 24px; width: 100%; line-height:70px; background: #e6212a;;}
.phoneus p{ color: #333; font-size: 14px; margin: 10px; overflow: hidden;}
.phoneus p a{ color: #fff; font-size: 14px; background: #e6212a;; display: inline-block; vertical-align: top; margin: 0 10px 0 10px; text-align: center; width: 96px; height: 30px; line-height: 30px;}
.phoneus p a:hover{ text-decoration: underline;}
.phoneus p span{float: left;width:20%; text-align: justify; text-align-last: justify; margin-right: 3%;}
.phoneus p em{float: right;width:77%;}

.ny_right{ width:76%; float: right; overflow: hidden;}
.top_share{ width:100%; height:43px; border-bottom:1px solid #ccc;overflow: hidden;}
.top_share dt{font-size:22px; color:#e6212a; font-weight:bold; /* padding-left:10px; */ padding-right:10px; border-bottom:3px solid #e6212a; line-height:40px;}
.top_share dt a{font-size:18px; color:#e6212a; line-height:40px; font-weight:bold; }

.top_share dd{display: block;padding-left: 20px;background: url(../images/span01.png) no-repeat left center; line-height:40px; color:#666;font-size:14px}
.top_share dd a{line-height:40px; color:#666}
.top_share .bdshare{ display:inline-block;}

.cp-zl{ margin-top:3%; overflow: hidden;}
.cp-zl ul{margin-right: -1%;}
.cp-zl ul li{ display: inline-block; vertical-align: top; width:31.9%; text-align: center; margin: 0 1% 2% 0;}
.cp-zl .cp-img{ width: 100%; overflow: hidden; line-height: 0; border:1px solid #eee;}
.cp-zl ul li .cp-img img{ width: 100%; transition: all .3s;}
.cp-zl ul li:hover .cp-img img{ transform: scale(1.1, 1.1);}
.cp-zl ul li .db-title{ width: 100%; height: auto; line-height: 50px; color: #333; font-size: 16px;}
.cp-zl ul li .db-title i{font-style: normal;}
.cp-zl ul li:hover .db-title{color: #e6212a;}


.pro_right{width:100%; overflow: hidden; margin-top:3%; }
.productss{overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:47%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:13px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:60px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:80px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:60px;height:60px;}
.spec-scroll .items ul li img:hover{border:2px solid #e6212a ; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; font-size:28px; color:#e6212a ; padding-bottom:10px; line-height: 45px;}
.proleft{width:100%;font-size:14px; line-height:25px; margin-top:2%;}
.proleft p{font-size:14px; line-height:25px; }


.procolor{ margin-top:20px;}
.procolor_bt{font-weight: 600; font-size: 16px; color: #333;border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px;}
.procolor ul{}
.procolor li{border: 1px solid #ccc; margin:2% 1% 0 0; display: inline-block; width:35px; height: 35px}
.color_witer{background: #fff}
.color_red{background: #ff0000}
.color_yellow{background: #fff600}
.color_blue{background: #02028f}
.color_pink{background: #ff3be6}
.color_black{background:#000}
.color_green{background: #049915}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:40%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #e6212a;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ff963a;color:#fff;}
/* .pbtn a:nth-child(2){width:50%; background:#ff963a;} */

.wl2{overflow: hidden; width: 45%; margin-top: 3%;}
.wl2 a{font-size:24px;line-height: 50px;color: #e6212a;padding: 0 3%; background: none; width: auto;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #e6212a ; color:#fff; background:#e6212a ;}
/* The content */

.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; clear: both; display: block;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#e6212a ; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 ul{margin-right: -2%}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6; }
.scrollleft2 li img:hover{border:1px solid #fff ;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.index_main4 {overflow: hidden;}
.index_main4 .cont {margin-right: -2%;}
.index_main4 .cont .col-xs-12 {margin-right: 2%;margin-bottom: 2%;}
/* .index_main4 .cont .col-xs-12:nth-child(3n) {padding-right: 0px;} */
.y-news-list .row > div {margin-top: 40px;}
.col-md-4 {width: 31.333%; float: left;}
.rel {position: relative;}
.zhanwei {display: block;width: 100%;opacity: 0;}
.picspan {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover!important;}
.index_main4 .cont .col-xs-12 .cont1 {border: solid 1px #eeeeee;border-top: 0;padding: 5% 5% 0; box-sizing: border-box;}
.index_main4 .cont .col-xs-12 .cont1 .tit {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #000;}
.index_main4 .cont .col-xs-12 .cont1 .note {color: #999999;font-size:15px;line-height:26px;margin-top:3%;-webkit-line-clamp:3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;}
.index_main4 .cont .col-xs-12 .cont1 .bot {margin-top:2%;line-height:45px;border-top: solid 1px #eee;}
.index_main4 .cont .col-xs-12 .cont1 .date {color: #666666;font-size: 14px; padding-bottom: 2%;}
.index_main4 .cont .col-xs-12 .cont1 .bot .more {padding-right: 75px;color: #e6212a;font-size: 15px;}
.index_main4 .cont .new_img {width: 100%;padding-bottom: 65%;overflow: hidden;position: relative;}
.index_main4 .cont .new_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;-webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2 .lnny{width:68%; float:left; overflow: hidden;}
.about_x2.bgs2 .rnny{width:28%; float:right; overflow: hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#e6212a ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height:35px; font-size:15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:28px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:16px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width:100%; display:block; margin:auto; border-radius: 24px;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}

.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:auto;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#e6212a;height:45px;text-align:center;font-size:16px;font-weight:bold; padding:0 1.5%;}
.relatedNews{margin:3% 0 ;overflow:hidden}
.relatedNews_font{font-size:14px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color:#666}
.relatedNews_font ul li a:hover{color:#e6212a}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact_content{width:100%;background:#fff;}
.mte_pic2duct-title { font-size:36px; color:#262626; line-height:40px; padding-bottom:0; position:relative; margin-bottom:2%; letter-spacing:-1px; font-weight:600;}
.mte_pic2duct-title2 { font-size:36px; color:#262626; line-height:40px; padding-bottom:0; position:relative; margin-bottom:2%; letter-spacing:-1px; font-weight:600; text-align:center;}

.col_infos {width:48.5%; float:left;background:#fff;padding:0;}
.col_infos .cotit{color:#e6212a; font-size:28px; line-height:1.75; padding-bottom:3%;}

.cont_ico{overflow:hidden;}
.cont_ico h3{font-size:20px;line-height:1.75;color:#000;margin-bottom:16px;font-weight:normal;}
.cont_ico ul{overflow:hidden;}
.cont_ico ul li{ position:relative; padding-left:50px; font-size:18px; line-height:28px; color:#333; margin-bottom:4%; font-family:'Poppins'}
.cont_ico ul li .t-cell{ display:table-cell; height:36px; vertical-align:middle; }
.cont_ico ul .icons{ height:36px; width:36px; position:absolute; left:0; display:flex; background:#e6212a; border-radius:50%; align-items:center;}
.cont_ico ul li img{width:18px; height:18px; margin:0 auto; display:block; vertical-align:middle;}
.cont_ico ul li .codeimg{padding-left: 0;}
.cont_ico ul li .codeimg img{max-width:60% !important;  width: auto !important; display: block; height: auto !important; float:left;}

.col_feb {width:47.5%; float:right;padding:3%; text-align:left; border-radius:10px; background:#fff; box-shadow:0px 0px 65px 0px rgb(0 0 0 / 8%); box-sizing:border-box;}
.co_onr {width:100%; overflow:hidden;}
.co_onr .febt{font-size:32px;line-height:1.2;color:#000;margin-bottom:12px;font-weight:normal;}
.co_onr p{ font-size:16px; line-height:1.5; color:#333; font-weight:300;margin-bottom:3%; overflow:hidden;}
.co_onr ul li{overflow:hidden;float:left;width:49%;}
.co_onr ul li span{display:block; font-size:16px;color:#333;margin-bottom:5px;}
.co_onr ul li i{ display:inline-block; position:relative; width:100%; font-size:14px; color:#666666; text-transform:uppercase;}
.co_onr ul li input{border:none;border:1px solid #ccc;width:100%;line-height:42px;height:42px;background:#fff;padding:0 15px;border-radius:4px;}
.co_onr ul li.mal{ margin-left:2%; margin-bottom:15px;}
.co_onr ul li.long{clear:both;width:100%;margin-bottom:15px;}
.co_onr ul li.long input{width:100%;outline:none;}
.co_onr ul li.long textarea{border:none;height:100px;width:100%;outline:none;border:1px solid #ccc;background:#fff;padding:10px 15px; border-radius:4px; 
  font-size:12px; }
.co_onr ul li.long2{margin-bottom:16px;}
.co_onr ul li.lst{line-height:45px;font-size:15px;width: 100%; padding-bottom:20px;}
.co_onr ul li.lst button{display:inline-block;float:left;width:200px;height:42px;line-height:42px;color:#fff;cursor:pointer;border:none;font-size:16px; 
  text-transform:capitalize;padding-right:0;background:#e6212a;  border-radius:6px;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#e6212a;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#e6212a;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../img/right_pic1.png)}
.side ul li .kfdh {
  position: absolute;
  right:79px;
  top: 0px;
  width: 180px;
  text-align: left;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
}

.side ul li:hover .kfdh {
  visibility: visible;
  opacity: 1;
}

.side ul li .weixi {
  position: absolute;
  right:79px;
  top: 0px;
  width: 150px;
  text-align: center;
  padding: 15px 25px;
  line-height:23px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid #eee;
  background: #FFF;
  font-size:15px;
  color: #333;
}
.side ul li .weixi img{width: 100%; display: block; clear: both; margin: auto;}

.side ul li:hover .weixi {
  visibility: visible;
  opacity: 1;
}

.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#e6212a;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/wmiss.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son2{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/code.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#512E90;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#512E90;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .son2{display:block!important;animation:fadein 1s}